/**
* 作用：图片懒加载
* 参数：
*   imgList  //需要懒加载的img标签【dom元素】--数组or对象
*   dataSrc  //存放真实路径的属性名
*/

// var imgList = document.getElementById('imgBox').querySelectorAll('img');
// var imgList = document.querySelectorAll('img');
// var dataSrc = "guoyu-src";

function lazyLoad(imgList,dataSrc){
    var imgList = imgList;
    var len = imgList.length;
    var n = 0;//存储图片加载到的位置，避免每次都从第一张图片开始遍历
    window.onscroll = function(){
        var seeHeight = document.documentElement.clientHeight; //获得可视区高度
        var scrollTop = document.body.scrollTop || document.documentElement.scrollTop; //获得滚动条的高度
        for (var i = n; i < len; i++) {
            if (imgList[i].offsetTop < seeHeight + scrollTop) {
                if (imgList[i].getAttribute('src') == '') {
                    imgList[i].src = imgList[i].getAttribute(dataSrc);
                }
                n = i + 1;
            }
        }
    }
}
// lazyLoad(imgList,dataSrc);